$(document).ready(function() {
//绑定元素点击事件
$(".lefta>div").click(function() {
	//判断对象是显示还是隐藏
	if($(this).children(".div2").is(":hidden")){
		//表示隐藏
		if(!$(this).children(".div2").is(":animated")) {
			$(".zhankai>img:nth-of-type(1)").attr('src', '../images/xiala.png');
			$(this).siblings('').children('.zhankai>img:nth-of-type(1)').attr('src', '../images/zhankai.png');
			$('.imgb').css('display', 'inline');
			$('.imgbb').css('display', 'inline');
			$('.imgc').css('display', 'inline');
			$(this).siblings('').children('.imgb').css('display', 'none');
			$(this).siblings('').children('.imgbb').css('display', 'none');
			$(this).siblings('').children('.imgc').css('display', 'none');
			//如果当前没有进行动画，则添加新动画
			$(this).children(".div2").animate({
					height: 'show'
				}, 300)
				//siblings遍历div1的元素
				.end().siblings().find(".div2").hide(300);
		}
	} else {
		//表示显示
		if(!$(this).children(".div2").is(":animated")) {
			$('.lefta>.imgb').css('display', 'none');
			$('.imgbb').css('display', 'none');
			$('.imgc').css('display', 'none');
			$('.imgb').css('display', 'none'); 
			$(".zhankai>img:nth-of-type(1)").attr('src', '../images/zhankai.png');  
			$(this).children(".div2").animate({
					height: 'hide'
				}, 300)
				.end().siblings().find(".div2").hide(300);
		}
	}
});

//阻止事件冒泡，子元素不再继承父元素的点击事件
$('.div2').click(function(e){
	e.stopPropagation();
});
//点击子菜单为子菜单添加样式，并移除所有其他子菜单样式
$(" .lefta>p .div2 .zcd1").click(function() {
	//设置当前菜单为选中状态的样式，并移除同类同级别的其他元素的样式
	$(this).addClass("removes").siblings().removeClass("removes");
	//遍历获取所有父菜单元素
	  $(".div2").each(function(){
	  		//判断当前的父菜单是否是隐藏状态
	  		if($(this).is(":hidden")){
	  			//如果是隐藏状态则移除其样式
	  			$(this).children(".zcd1").removeClass("removes");
		  		}
		  });
	});
});




$(document).ready(function() {
//绑定元素点击事件
$(".imgx").click(function() {
	//判断对象是显示还是隐藏
	if($(this).children(".dia").is(":hidden")){
		//表示隐藏
		if(!$(this).children(".dia").is(":animated")) {
			//如果当前没有进行动画，则添加新动画
			$(this).children(".dia").animate({
					height: 'show'
				}, 300)
				//siblings遍历div1的元素
				.end().siblings().find(".dia").hide(300);
		}
	} else {
		//表示显示
		if(!$(this).children(".dia").is(":animated")) {
			$(this).children(".dia").animate({
					height: 'hide'
				}, 300)
				.end().siblings().find(".dia").hide(300);
		}
	}
});

//阻止事件冒泡，子元素不再继承父元素的点击事件
$('.dia').click(function(e){
	e.stopPropagation();
});

//点击子菜单为子菜单添加样式，并移除所有其他子菜单样式
$(" .dia .dia>p").click(function() {
	//设置当前菜单为选中状态的样式，并移除同类同级别的其他元素的样式
	$(this).addClass("removes").siblings().removeClass("removes");
	//遍历获取所有父菜单元素
	  $(".dia").each(function(){
	  		//判断当前的父菜单是否是隐藏状态
	  		if($(this).is(":hidden")){
	  			//如果是隐藏状态则移除其样式
	  			$(this).children(".dia>p").removeClass("removes");
		  		}
		  });
	});
});


$(document).ready(function() {
//绑定元素点击事件
$(" .zhankai>.div2>div").click(function() {
	if($(this).find(".pals").length==0 ){
		
		
	}else{
		if($(this).children(".pals").is(":hidden")){//判断对象是显示还是隐藏
			//表示隐藏
			if(!$(this).children(".pals").is(":animated")) {
				//如果当前没有进行动画，则添加新动画
				$(this).children(".pals").animate({
						height: 'show'
					}, 300)
					//siblings遍历div1的元素
					.end().siblings().find(".pals").hide(300);
			}
		} else {
			//表示显示
			if(!$(this).children(".pals").is(":animated")) {
				$('.imgba').css('display', 'none');
	            $('.imgca').css('display', 'none');
	            $('.imgbc').css('display', 'none');
	            $(this).children('.imga').attr('src', '../images/zhankai.png');  
				$(this).children(".pals").animate({
						height: 'hide'
					}, 300)
					.end().siblings().find(".pals").hide(300);
			}
		}
	
	}	

});

//阻止事件冒泡，子元素不再继承父元素的点击事件
$('.pals').click(function(e){
	e.stopPropagation();
});
//点击子菜单为子菜单添加样式，并移除所有其他子菜单样式
$(" .div2 .zdc1 .pals").click(function() {
	//设置当前菜单为选中状态的样式，并移除同类同级别的其他元素的样式
	$(this).addClass("removes").siblings().removeClass("removes");
	//遍历获取所有父菜单元素
	  $(".div1").each(function(){
	  		//判断当前的父菜单是否是隐藏状态
	  		if($(this).is(":hidden")){
	  			//如果是隐藏状态则移除其样式
	  			$(this).children(".pals").removeClass("removes");
		  		}
		  });
	});
});



$(document).ready(function() {
//绑定元素点击事件
$(" ol li").click(function() {
	//判断对象是显示还是隐藏
	if($(this).children(".div1").is(":hidden")){
		//表示隐藏
		if(!$(this).children(".div1").is(":animated")) {
			//$(this).children(".xiala").css({'transform':'rotate(180deg)'}); 
			//如果当前没有进行动画，则添加新动画
			$(this).children(".div1").animate({
					height: 'show'
				}, 300)
				//siblings遍历div1的元素
				.end().siblings().find(".div1").hide(300);
		}
	} else {
		//表示显示
		if(!$(this).children(".div1").is(":animated")) {
			//$(this).children(".xiala").css({'transform':'rotate(360deg)'});  
			$(this).children(".div1").animate({
					height: 'hide'
				}, 300)
				.end().siblings().find(".div1").hide(300);
		}
	}
});

//阻止事件冒泡，子元素不再继承父元素的点击事件
$('.div1').click(function(e){
	e.stopPropagation();
});
//点击子菜单为子菜单添加样式，并移除所有其他子菜单样式
$(" ol li .div1 .zcd").click(function() {
	//设置当前菜单为选中状态的样式，并移除同类同级别的其他元素的样式
	$(this).addClass("removes").siblings().removeClass("removes");
	//遍历获取所有父菜单元素
	  $(".div1").each(function(){
	  		//判断当前的父菜单是否是隐藏状态
	  		if($(this).is(":hidden")){
	  			//如果是隐藏状态则移除其样式
	  			$(this).children(".zcd").removeClass("removes");
		  		}
		  });
	});
});